<template lang="">
    <div class="mains">
        <div class="title">
            <div>
                <el-divider direction="vertical"></el-divider>
                <h5 class="h5">{{nameShow ? nameShow :title}}</h5>
                <span>{{title}}</span>
            </div>

            <div>
                <span><i class="el-icon-s-home"></i>首页 -></span>
                <span class="routePre">{{title}}</span>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                nameShow: '',
            }
        },
        props: {
            title: {
                type: String,
                required: true,
            },
        },
        created() {
            this.nameShow = this._routerRoot._route.meta.title
        }
    }
</script>
<style scoped>
    @import url('@/assets/less/title.css');
</style>